html {
  height: 100%;
}
body {
  font-family: "Helvetica", Arial, Verdana, san-serif;
  color: #5a6579;
  min-height: 101%;
}
#container
{
	margin: 1em 5%;
	background: #fff;
	border: 1px solid #333;
}

#header
{
	background: #ccc;
	padding: 20px;
}

#header h1 { margin: 0; }

#nav
{
	float: left;
	background: #333;
	border-bottom: 1px solid #333;
	width: 100%
}
#nav ul
{
	margin: 0;
	padding: 5px;
}
#nav ul li
{
	display: inline;
	list-style-type: none;
}

#nav li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#nav li a:hover { background: #383; }

#content
{
	float: left;
	width: 100%;
	background: #fff url(/media/img/layout-two-fixed-background.gif) repeat-y 100% 0;;
}

#primary, #links
{
	clear: left;
	float: left;
	padding: 20px 0 0 0;
	margin: 0 0 0 30px;
	display: inline;
}

#secondary
{
	float: right;
	width: 240px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
	background: #eee
}
